<!--
  Generated template for the ExpendPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<div class="expend-con">
  <div class="expend-center-div">
      <ion-icon style="float: right;font-size: 2.5rem;    margin-top: 5px;margin-right: 5px;" name="ios-close-circle-outline" tappable (click)="close()" ></ion-icon>

      <div style="height: 2rem"></div>
      <ion-scroll scrollY class="scorll" >
          <div class="expend-panel" *ngFor="let item of expendList">
              <div class="expend-item">
                  <span>支出事项: </span>
                  <span> &nbsp;&nbsp;  {{item.MingCheng}}</span>
              </div>
              <div class="expend-item">
                  <span>支出分类: </span>
                  <span>  &nbsp;&nbsp; {{item.ZhiChuFL}}</span>
              </div>
              <div class="expend-item" *ngIf="item.FeiYongXE !=''">
                  <span>费用限额: </span>
                  <span>  &nbsp;&nbsp; {{item.FeiYongXE}}</span>
              </div>
              <div class="btn" (click)="selectHandler(item)">
                  <!--       <button ion-button small color="white" (click)="selectHandler(item.type)">选择</button>
                         <button ion-button small color="white">详情</button>-->

                  <img src="assets/imgs/icon_select.png" style="width: 1.5rem;height: 1.5rem">
                  <span color="white" >选择</span>
              </div>
          </div>
      </ion-scroll>
  </div>
</div>

